﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>平安联想智慧医疗文档管理Portal</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="assets/materialize/css/materialize.min.css" media="screen,projection" />
  <link href="assets/css/bootstrap.css" rel="stylesheet" />
  <link href="assets/css/font-awesome.css" rel="stylesheet" />
  <link href="assets/css/custom-styles.css" rel="stylesheet" />
  <script src="assets/js/jquery-1.10.2.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>
  <script src="assets/materialize/js/materialize.min.js"></script>
  <script src="js/common.js"></script>
  <script src="js/menu.js"></script>
  <script src="js/controlled-document.js"></script>
  <script src="js/product-index.js"></script>
  <!-- Metis Menu Js -->
  <script src="assets/js/jquery.metisMenu.js"></script>
  <!-- Custom Js -->
  <script src="assets/js/nav.js"></script>

</head>

<body>
<div id="wrapper">
  <nav class="navbar navbar-default top-navbar" role="navigation">
    <div class="navbar-header"> <a class="navbar-brand waves-effect waves-dark" href="index.html"><img style="float: left; margin-right: 10px"  src="assets/img/logo-white.png" width="100" ><strong>文档管理Portal</strong></a> </div>
    <div id="sideNav" href=""><i class="material-icons dp48">toc</i></div>

    <ul class="nav navbar-top-links navbar-right">
      <li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown2"><i class="fa fa-bell fa-fw"></i> <i class="material-icons right">arrow_drop_down</i></a></li>
      <li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown1"><i class="fa fa-user fa-fw"></i> <b>林医生</b> <i class="material-icons right">arrow_drop_down</i></a></li>
    </ul>
  </nav>
  <!-- Dropdown Structure -->
  <ul id="dropdown1" class="dropdown-content">
    <li><a href="#"><i class="fa fa-user fa-fw"></i> 权限</a> </li>
    <li><a href="#"><i class="fa fa-gear fa-fw"></i> 设置</a> </li>
    <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> 退出</a> </li>
  </ul>
  <ul id="dropdown2" class="dropdown-content w250">
    <li>
      <div> <i class="fa fa-comment fa-fw"></i> 新消息1 <span class="pull-right text-muted small">4 min</span> </div>
    </li>
    <li class="divider"></li>
    <li>
      <div> <i class="fa fa-twitter fa-fw"></i> 新消息1 <span class="pull-right text-muted small">12 min</span> </div>
    </li>
    <li class="divider"></li>
    <li>
      <div> <i class="fa fa-envelope fa-fw"></i> 新消息1 <span class="pull-right text-muted small">4 min</span> </div>
    </li>
  </ul>
  <!--菜单-->
  <nav class="navbar-default navbar-side" role="navigation">
    <div class="sidebar-collapse">
      <ul class="nav" id="main-menu">
      </ul>
    </div>
  </nav>
  <!--页面-->
  <div id="page-wrapper">
    <div class="header">
      <h1 class="page-header"></h1>
    </div>
    <div id="page-inner">
      <h2 style="margin-bottom: 20px">数据统计</h2>
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-7">
          <div class="cirStats">
            <div class="row">
              <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="card horizontal cardIcon waves-effect waves-dark">
                  <div class="card-image orange"> <i class="material-icons dp48">assignment</i> </div>
                  <div class="card-stacked ">
                    <div class="card-content">
                      <h3>8</h3>
                    </div>
                    <div class="card-action"> <strong>产品</strong> </div>
                  </div>
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="card horizontal cardIcon waves-effect waves-dark">
                  <div class="card-image red"> <i class="material-icons dp48">class</i> </div>
                  <div class="card-stacked ">
                    <div class="card-content">
                      <h3>16</h3>
                    </div>
                    <div class="card-action"> <strong>项目</strong> </div>
                  </div>
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="card horizontal cardIcon waves-effect waves-dark">
                  <div class="card-image blue"> <i class="material-icons dp48">group</i> </div>
                  <div class="card-stacked ">
                    <div class="card-content">
                      <h3>205</h3>
                    </div>
                    <div class="card-action"> <strong>用户</strong> </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--/.row-->
        <div class="col-xs-12 col-sm-12 col-md-5">
          <div class="row">
            <div class="col-xs-12">
              <div class="card">
                <div class="card-image">
                  <ul class="collection">
                    <div class="col-xs-12 col-sm-6 col-md-4">
                      <li class="collection-item avatar"> <i class="material-icons circle orange">folder</i>  <span class="title">文档</span>
                        <p class="number-t">
                          1057 </p>
                      </li>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                      <li class="collection-item avatar"> <i class="material-icons circle blue">code</i>  <span class="title">代码</span>
                        <p class="number-t">
                          6001 </p>
                      </li>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                      <li class="collection-item avatar"> <i class="material-icons circle red">storage</i> <span class="title">总计</span>
                        <p class="number-t">
                          7058 </p>
                      </li>
                    </div>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <h2 style="margin-bottom: 20px">项目文档</h2>
      <div class="dashboard-cards">
        <div class="row" id = "controlled-document"></div>
      </div>
      <h2 style="margin-bottom: 20px">产品展示</h2>
      <div class="row" id="page-row">
        <div class="col-xs-12 col-sm-12 col-md-12">
          <div class="cirStats">
            <div class="row" id="product-list">
            </div>
          </div>
        </div>
      </div>
      <footer>
        <p style="text-align: right; color: #666666"><a href="product.html">更多产品>></a></p>
        <p style="text-align: right; color: #666666">平安联想智慧医疗配置管理Portal1.0</p>
      </footer>
    </div>
    <!-- /. PAGE INNER  -->
  </div>
  <!-- /. PAGE WRAPPER  -->
</div>
<!-- /. WRAPPER  -->



</body>
</html>